<!--
- Author:  LiShibin.
- Date:    2018/4/18 0018.
- File:    identify.
-->
<template>
  <div>
    <div class="Web_Box">
      <div class="Auditstatus">实名认证</div>
      <div style="text-align: center; font-size: 14px;">{{memberInfo.is_verify_idcard | memberIdentifyTxt}}</div>
      <div class="Realauthentication">
        <h3>证件类型</h3>
        <div>
          <select  placeholder="请选择证件类型" v-model="memberInfo.idcard_type || '1'" style="border: none; height: 40px; line-height: 40px; width: 100%;" disabled>
            <option value="1">大陆二代居民身份证</option>
            <option value="2">港澳台通行证</option>
            <option value="3">护照</option>
          </select>
        </div>
        <h3>姓名</h3>
        <div class="login_ipt">
          <input type="text" placeholder="姓名" v-model="memberInfo.member_truename" disabled>
        </div>
        <h3>证件号码</h3>
        <div class="login_ipt">
          <input type="tel" placeholder="证件号码" v-model="memberInfo.cardno" disabled>
        </div>
        <h3>本人银行卡信息</h3>
        <div class="login_ipt">
          <input type="text" placeholder="开户行" v-model="memberInfo.bank_deposit" disabled>
        </div>
        <div class="login_ipt">
          <input type="tel" placeholder="银行卡号" v-model="memberInfo.bank_accoount" disabled>
        </div>
        <div class="login_ipt">
          <input type="text" placeholder="银行卡姓名" v-model="memberInfo.bank_member_name" disabled>
        </div>
        <h3>证件正面</h3>
        <div class="realphoto">
          <img :src="$config.website + $config.uploadImgSrc + memberInfo.idcard_front_image">
          <div class="Maskbox"></div>
        </div>
        <h3>证件反面</h3>
        <div class="realphoto">
          <img :src="$config.website + $config.uploadImgSrc + memberInfo.idcard_back_image">
          <div class="Maskbox"></div>
        </div>
        <!--<h3>手持证件照片</h3>-->
        <!--<div class="realphoto">-->
          <!--<img :src="$config.website + $config.uploadImgSrc + memberInfo.idcard_hand_image">-->
          <!--<div class="Maskbox"></div>-->
        <!--</div>-->
        <h3>银行卡照片</h3>
        <div class="realphoto">
          <img :src="$config.website + $config.uploadImgSrc + memberInfo.bank_image">
          <div class="Maskbox"></div>
        </div>
      </div>
    </div>
    <div class="BottomGd" style="text-align: center; margin: 0; padding: 0; font-size: 0">
      <span class="but_2 wauto disb tc" style="display: inline-block; width: 100%; margin: 0; padding: 0; background-color: #aaa" href="javascript:void(0)" @click="back">返回</span>
    </div>
  </div>
</template>

<script>
  import {mapModules, mapRules} from 'vuet'

  export default{
    mixins: [
      mapModules({memberInfo: 'memberInfo'}),
      mapRules({need: 'memberInfo'})
    ],
    data() {
      return {
        IDCardPic1Default: require('../../assets/images/PhotoIDcard1.png'),
        IDCardPic2Default: require('../../assets/images/PhotoIDcard2.png'),
        IDCardPic3Default: require('../../assets/images/PhotoIDcard3.png'),
        bankCardPicDefault: require('../../assets/images/PhotoIDcard4.png')
      }
    },
    created() {
      console.log(this.$data['name'])
    },
    components: {},
    methods: {
      back() {
        this.$router.go(-1)
      }
    }
  }
</script>

<style>

</style>